<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
<title>层次选择器</title>
<style type="text/css">
		ul,p{
		border:1px solid red;
		}
		<!--后代选择器-->
		body p{ background:red}
	</style>
</style>
</head>
<body>
<!--p*3-->
<p>p1</p>
<p>p2</p>
<p>p3</p>
<!--ul>li*3>p{p}-->
<ul>
 <li>
    <p>p4</p>
 </li>
 <li>
    <p>p5</p>
 </li>
 <li>
    <p>p6</p>
 </li>
 </ul>
</body>
</html>